<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link
      rel="stylesheet"
      href="../../static/css/login.css"
      type="text/css"
      th:href="@{/static/css/login.css}"
    />
    <link
      rel="stylesheet"
      href="../../static/css/iconfont01.css"
      type="text/css"
      th:href="@{/static/css/iconfont01.css}"
    />
    <link
      rel="stylesheet"
      href="../../static/customAlertConfirm/customAlertConfirm.css"
      th:href="@{/static/customAlertConfirm/customAlertConfirm.css}"
    />
  </head>
  <body>
  <div class="logo"><img src="../../static/img/logo2.png" th:src="@{/static/img/logo2.png}" alt="" /></div>
    <div class="top"></div>
    <div class="login-register">
      <div class="top-content">
        <div class="top-login"> <a th:href="@{/toLogin}" style="color: black">登录</a></div>
        <span>|</span>
        <div class="top-register bar"><a th:href="@{/toRegister}" style="color: black">注册</a></div>
      </div>

      <div class="register">
        <div class="register-form">
          <form
            th:action="@{/user/register}"
            method="post"
            onsubmit="return dosubmit()"
            autocomplete="off"
          >
            <i>*</i>
            <span>邮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;箱</span>
            <input
              name="register-email"
              type="email"
              placeholder="Email"
              class="register-email"
              th:value="${email}"
            />
            <br />
            <i>*</i>
            <span>密&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;码</span>
            <input
              name="register-password"
              type="password"
              placeholder="Password"
              class="register-password"
              th:value="${pwd}"
            />
            <i class="iconfont">&#xe714;</i>
            <br />
            <i>*</i>
            <span>确认密码</span>
            <input
              type="password"
              placeholder="请确认密码"
              class="surePassword"
              th:value="${pwd}"
            />
            <span><i class="iconfont"></i></span>
            <br />

            <i>*</i>
            <span>&nbsp;验&nbsp;证&nbsp;码&nbsp;</span>
            <input
              type="text"
              placeholder="请输入验证码"
              name="register-code"
              class="register-code"
              th:value="${code}"
            />
            <a class="code">发送验证码</a>
            <br />
            <input type="submit" class="register-btn" value="注册" />
          </form>

        </div>

        <div class="register-side bar"></div>
        <div class="register-message">
          <div class="register-img">
            <img
              src="../../static/img/年年有鱼 (1).png"
              class="img"
              th:src="@{/static/img/年年有鱼 (1).png}"
            />
          </div>
        </div>
      </div>
    </div>
  </body>
  <script
    src="../../static/js/jquery3.7.1.min.js"
    type="text/javascript"
    th:src="@{/static/js/jquery3.7.1.min.js}"
  ></script>
  <script
    src="../../static/js/register.js"
    th:src="@{/static/js/register.js}"
  ></script>
  <script th:src="@{/static/customAlertConfirm/customAlertConfirm.js}"></script>
  <script type="text/javascript" th:inline="javascript">
    let msg=[[${msg}]]
    if(msg!=null){
      showCustomAlert(msg);
    }
  </script>
</html>
